<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html
        lang="#{showProducts.language}"
        xmlns="http://www.w3.org/1999/xhtml"
        xmlns:h="http://java.sun.com/jsf/html"
        xmlns:f="http://java.sun.com/jsf/core"
        xmlns:composite="http://java.sun.com/jsf/composite"
        xmlns:ui="http://java.sun.com/jsf/facelets"
        xmlns:p="http://primefaces.prime.com.tr/ui"
        >

<f:view locale="#{localizer.locale}" contentType="text/html"/>
<composite:interface/>
<composite:implementation>


<!--[if IE 6]>
    <link href="resources/styles/main_ie6.css" rel="stylesheet" type="text/css"/>
<![endif]-->
<!--[if IE 7]>
    <link href="resources/styles/main_ie7.css" rel="stylesheet" type="text/css"/>
<![endif]-->

<script language="javascript" src="resources/js/cufon-yui.js"/>
<script language="javascript" src="resources/js/Teen_Light_400.font.js"/>

<script type="text/javascript">
    Cufon.replace('.header-contacts');
</script>


<div class="top-container">

        <div>
            <a href="#{request.contextPath}/index.xhtml" style="float:left;">
                <img src="#{request.contextPath}/resources/img/logo.png" class="logo" title="#{m.main}"/>
            </a>
        </div>

        <div class="header-contacts">
            <span>[050]&nbsp;158-6612</span><br/>
            <span>[095]&nbsp;758-8992</span><br/>
            <span>skype:&nbsp;sergei.bardas</span><br/>
            <span>office@chirok.com.ua</span>
        </div>

        <div class="cart-status" style="border: 1px solid #A3815B;
							-webkit-border-radius: 5px;
							-moz-border-radius: 5px;
							border-radius: 5px;
							-webkit-box-shadow: #A3815B 0px 0px 3px;
							-moz-box-shadow: 0px 0px 3px;
							box-shadow: #A3815B 0px 0px 3px;">
            <h:form id="cCart">
                <h:commandLink value="#{m.cart}" action="#{showProducts.showCart}"
                               style="color:#a3815b;"/><br/><br/>
                <h:outputText value="#{showProducts.cartSize}" id="ccSizeId" style="font-size:20px;"/>#{m.pcs}.<br/>
                <h:outputText value="#{showProducts.subTotal}" id="ccTotId" style="font-size:20px;"/>#{m.uah}.
            </h:form>
			

        </div>
		
		
		
	<div class="footer-column">
		<span class="menu-link">
			<h:outputLink value="#{request.contextPath}/delivery.xhtml">
				#{m.delivery}
			</h:outputLink>
		</span>	
		<span class="menu-link">
			<h:outputLink value="#{request.contextPath}/contacts.xhtml">
				#{m.contacts}
			</h:outputLink>
		</span>	
		<span class="menu-link">
			<h:outputLink value="#{request.contextPath}/faq.xhtml">
				#{m.faq}
			</h:outputLink>
		</span>		
		<span class="menu-link">
			<h:outputLink value="#{request.contextPath}/howto.xhtml">
				#{m.howto}
			</h:outputLink>
		</span>		
    </div>
		
		
		<div class="i18n-container">
			<h:form>
                <h:commandLink action="#{localizer.localize}" includeViewParams="true"
                               rendered="#{localizer.language=='ua'}">
                    #{m.rus}.
                    <f:param name="lang" value="ru"/>
                </h:commandLink>
                <h:commandLink action="#{localizer.localize}" includeViewParams="true"
                               rendered="#{localizer.language=='ru'}">
                    #{m.ukr}.
                    <f:param name="lang" value="ua"/>
                </h:commandLink>
            </h:form>
		</div>


</div>

</composite:implementation>


</html>